Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Displaying Raw • Download


meshchatx/src/frontend/components/archives/ArchivesPage.vue 9d2a19a7bd155b6acb2d4892e8beac182137ee4e (9d2a19a7) Text, 17.60 KB

Tb4b4b4<Tff7b72templateTb4b4b4>
T8b949e<!-- eslint-disable vue/no-v-html -->
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex flex-col flex-1 h-full overflow-hidden bg-slate-50 dark:bg-zinc-950"Tb4b4b4>
T8b949e<!-- header -->
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"flex items-center px-4 py-4 bg-white dark:bg-zinc-900 border-b border-gray-200 dark:border-zinc-800 shadow-sm"
Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-3"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg"Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"archive" Te6edf3classTff7b72=Ta5d6ff"size-6 text-blue-600 dark:text-blue-400" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72h1 Te6edf3classTff7b72=Ta5d6ff"text-xl font-bold text-gray-900 dark:text-white"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"app.archives"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72h1Tb4b4b4>
Tb4b4b4<Tff7b72p Te6edf3classTff7b72=Ta5d6ff"text-sm text-gray-500 dark:text-gray-400"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"archives.description"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"ml-auto flex items-center gap-2 sm:gap-4"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative w-32 sm:w-64 md:w-80"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"magnify" Te6edf3classTff7b72=Ta5d6ff"size-5 text-gray-400" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72input
Te6edf3v-modelTff7b72=Ta5d6ff"Te6edf3searchQueryTa5d6ff"
Te6edf3typeTff7b72=Ta5d6ff"text"
Te6edf3classTff7b72=Ta5d6ff"block w-full pl-10 pr-3 py-2 border border-gray-300 dark:border-zinc-700 rounded-lg bg-gray-50 dark:bg-zinc-800 text-gray-900 dark:text-gray-100 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"
Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'archives.search_placeholder'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3onSearchInputTa5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72button
Te6edf3classTff7b72=Ta5d6ff"p-2 text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"
Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'common.refresh'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3getArchivesTa5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"refresh" Te6edf3classTff7b72=Ta5d6ff"size-6" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4{ Ta5d6ff'animate-spin'Tff7b72: Te6edf3isLoading Tb4b4b4}Ta5d6ff" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

T8b949e<!-- content -->
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 overflow-y-auto p-4 md:p-6"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isLoading Tff7b72&& Te6edf3archivesTb4b4b4.Te6edf3length Tff7b72=== T79c0ff0Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"flex flex-col items-center justify-center h-64"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mb-4"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72p Te6edf3classTff7b72=Ta5d6ff"text-gray-500 dark:text-gray-400"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"archives.loading"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div
Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3groupedArchivesTb4b4b4.Te6edf3length Tff7b72=== T79c0ff0Ta5d6ff"
Te6edf3classTff7b72=Ta5d6ff"flex flex-col items-center justify-center h-64 text-center"
Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-4 bg-gray-100 dark:bg-zinc-800 rounded-full mb-4 text-gray-400 dark:text-zinc-600"Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"archive-off" Te6edf3classTff7b72=Ta5d6ff"size-12" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72h3 Te6edf3classTff7b72=Ta5d6ff"text-lg font-medium text-gray-900 dark:text-white"Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"archives.no_archives_found"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72h3Tb4b4b4>
Tb4b4b4<Tff7b72p Te6edf3classTff7b72=Ta5d6ff"text-gray-500 dark:text-gray-400 max-w-sm mx-auto"Tb4b4b4>
Tff7b72{{ Te6edf3searchQuery Tff7b72? Te6edf3$tTb4b4b4(Ta5d6ff"archives.adjust_filters"Tb4b4b4) Tff7b72: Te6edf3$tTb4b4b4(Ta5d6ff"archives.browse_to_archive"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 items-stretch"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3group Tff7b72in Te6edf3groupedArchivesTa5d6ff" Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3groupTb4b4b4.Te6edf3destination_hashTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"relative flex"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"sticky top-6 w-full flex flex-col"Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-xl shadow-lg overflow-hidden flex flex-col h-full min-h-[400px]"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"p-5 border-b border-gray-100 dark:border-zinc-800 bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-zinc-800 dark:to-zinc-800/50"
Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center justify-between mb-3"Tb4b4b4>
Tb4b4b4<Tff7b72span
Te6edf3classTff7b72=Ta5d6ff"text-xs font-bold px-3 py-1.5 bg-blue-500 dark:bg-blue-600 text-white rounded-full uppercase tracking-wider shadow-sm"
Tb4b4b4>
Tff7b72{{ Te6edf3groupTb4b4b4.Te6edf3archivesTb4b4b4.Te6edf3length Tff7b72}}
Tff7b72{{ Te6edf3groupTb4b4b4.Te6edf3archivesTb4b4b4.Te6edf3length Tff7b72=== T79c0ff1 Tff7b72? Te6edf3$tTb4b4b4(Ta5d6ff"archives.page"Tb4b4b4) Tff7b72: Te6edf3$tTb4b4b4(Ta5d6ff"archives.pages"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72h4
Te6edf3classTff7b72=Ta5d6ff"text-base font-bold text-gray-900 dark:text-white mb-1 truncate"
Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3groupTb4b4b4.Te6edf3node_nameTa5d6ff"
Tb4b4b4>
Tff7b72{{ Te6edf3groupTb4b4b4.Te6edf3node_name Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72h4Tb4b4b4>
Tb4b4b4<Tff7b72p Te6edf3classTff7b72=Ta5d6ff"text-xs text-gray-600 dark:text-gray-400 font-mono truncate"Tb4b4b4>
Tff7b72{{ Te6edf3groupTb4b4b4.Te6edf3destination_hashTb4b4b4.Te6edf3substringTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff16Tb4b4b4) Tff7b72}}...
Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-5 pb-6 flex-1 flex flex-col min-h-0"Tb4b4b4>
Tb4b4b4<Tff7b72CardStack Tb4b4b4:Te6edf3itemsTff7b72=Ta5d6ff"Te6edf3groupTb4b4b4.Te6edf3archivesTa5d6ff" Tb4b4b4:Te6edf3max-visibleTff7b72=Ta5d6ff"T79c0ff3Ta5d6ff"Tb4b4b4>
Tb4b4b4<Tff7b72template #Te6edf3defaultTff7b72=Ta5d6ff"{ item: archive }"Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"stacked-card bg-white dark:bg-zinc-800 border border-gray-200 dark:border-zinc-700 rounded-lg p-4 h-full flex flex-col hover:shadow-xl transition-all duration-200 cursor-pointer group"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3viewArchiveTb4b4b4(Te6edf3archiveTb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-start justify-between mb-3"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 min-w-0"Tb4b4b4>
Tb4b4b4<Tff7b72p
Te6edf3classTff7b72=Ta5d6ff"text-sm font-semibold text-gray-900 dark:text-gray-100 font-mono truncate mb-1 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"
Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3archiveTb4b4b4.Te6edf3page_path Tff7b72|| Ta5d6ff'/'Ta5d6ff"
Tb4b4b4>
Tff7b72{{ Te6edf3archiveTb4b4b4.Te6edf3page_path Tff7b72|| Ta5d6ff"/" Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"clock-outline" Te6edf3classTff7b72=Ta5d6ff"size-3" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72spanTb4b4b4>Tff7b72{{ Te6edf3formatDateTb4b4b4(Te6edf3archiveTb4b4b4.Te6edf3created_atTb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"ml-3 flex-shrink-0"Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"w-2 h-2 rounded-full bg-blue-500 dark:bg-blue-400 opacity-0 group-hover:opacity-100 transition-opacity"
Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
T8b949e<!-- eslint-disable-next-line vue/no-v-html -->
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"text-xs text-gray-700 dark:text-gray-300 line-clamp-5 micron-preview leading-relaxed flex-1 min-h-[120px]"
Te6edf3v-htmlTff7b72=Ta5d6ff"Te6edf3renderPreviewTb4b4b4(Te6edf3archiveTb4b4b4)Ta5d6ff"
Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"mt-3 pt-3 border-t border-gray-100 dark:border-zinc-700 flex items-center justify-between flex-shrink-0"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-1 text-xs text-gray-500 dark:text-gray-400"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"tag" Te6edf3classTff7b72=Ta5d6ff"size-3" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"font-mono"Tb4b4b4>Tff7b72{{ Te6edf3archiveTb4b4b4.Te6edf3hashTb4b4b4.Te6edf3substringTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff8Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"text-xs font-medium text-blue-600 dark:text-blue-400 opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1"
Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"archives.view"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"arrow-right" Te6edf3classTff7b72=Ta5d6ff"size-3" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72CardStackTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3archivesTb4b4b4.Te6edf3length Tff7b72> T79c0ff0Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"mt-8 mb-4 flex items-center justify-between"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-sm text-gray-500 dark:text-gray-400"Tb4b4b4>
Tff7b72{{
Te6edf3$tTb4b4b4(Ta5d6ff"archives.showing_range"Tb4b4b4, Tb4b4b4{
Te6edf3startTff7b72: Te6edf3paginationTb4b4b4.Te6edf3total_count Tff7b72> T79c0ff0 Tff7b72? Tb4b4b4(Te6edf3paginationTb4b4b4.Te6edf3page Tff7b72- T79c0ff1Tb4b4b4) Tff7b72* Te6edf3paginationTb4b4b4.Te6edf3limit Tff7b72+ T79c0ff1 Tff7b72: T79c0ff0Tb4b4b4,
Te6edf3endTff7b72: Tffa657MathTb4b4b4.Te6edf3minTb4b4b4(Te6edf3paginationTb4b4b4.Te6edf3page Tff7b72* Te6edf3paginationTb4b4b4.Te6edf3limitTb4b4b4, Te6edf3paginationTb4b4b4.Te6edf3total_countTb4b4b4)Tb4b4b4,
Te6edf3totalTff7b72: Te6edf3paginationTb4b4b4.Te6edf3total_countTb4b4b4,
Tb4b4b4}Tb4b4b4)
Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2"Tb4b4b4>
Tb4b4b4<Tff7b72button
Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Te6edf3paginationTb4b4b4.Te6edf3page Tff7b72<= T79c0ff1 Tff7b72|| Te6edf3isLoadingTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"p-2 rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 text-gray-700 dark:text-gray-300 disabled:opacity-50 hover:bg-gray-50 dark:hover:bg-zinc-800 transition-colors"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3changePageTb4b4b4(Te6edf3paginationTb4b4b4.Te6edf3page Tff7b72- T79c0ff1Tb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"chevron-left" Te6edf3classTff7b72=Ta5d6ff"size-5" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"text-sm font-medium text-gray-900 dark:text-white px-4"Tb4b4b4>
Tff7b72{{
Te6edf3$tTb4b4b4(Ta5d6ff"archives.page_of"Tb4b4b4, Tb4b4b4{
Te6edf3pageTff7b72: Te6edf3paginationTb4b4b4.Te6edf3pageTb4b4b4,
Te6edf3total_pagesTff7b72: Te6edf3paginationTb4b4b4.Te6edf3total_pagesTb4b4b4,
Tb4b4b4}Tb4b4b4)
Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tff7b72button
Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Te6edf3paginationTb4b4b4.Te6edf3page Tff7b72>= Te6edf3paginationTb4b4b4.Te6edf3total_pages Tff7b72|| Te6edf3isLoadingTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"p-2 rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 text-gray-700 dark:text-gray-300 disabled:opacity-50 hover:bg-gray-50 dark:hover:bg-zinc-800 transition-colors"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3changePageTb4b4b4(Te6edf3paginationTb4b4b4.Te6edf3page Tff7b72+ T79c0ff1Tb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"chevron-right" Te6edf3classTff7b72=Ta5d6ff"size-5" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>
Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;
Tff7b72import Te6edf3Utils Tff7b72from Ta5d6ff"../../js/Utils"Tb4b4b4;
Tff7b72import Te6edf3MicronParser Tff7b72from Ta5d6ff"micron-parser"Tb4b4b4;
Tff7b72import Te6edf3CardStack Tff7b72from Ta5d6ff"../CardStack.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{
Te6edf3nameTff7b72: Ta5d6ff"ArchivesPage"Tb4b4b4,
Te6edf3componentsTff7b72: Tb4b4b4{
Te6edf3MaterialDesignIconTb4b4b4,
Te6edf3CardStackTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tb4b4b4{
Te6edf3archivesTff7b72: Tb4b4b4[Tb4b4b4]Tb4b4b4,
Te6edf3searchQueryTff7b72: Ta5d6ff""Tb4b4b4,
Te6edf3isLoadingTff7b72: Tff7b72falseTb4b4b4,
Te6edf3searchTimeoutTff7b72: Tff7b72nullTb4b4b4,
Te6edf3muParserTff7b72: Tff7b72new Te6edf3MicronParserTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3paginationTff7b72: Tb4b4b4{
Te6edf3pageTff7b72: T79c0ff1Tb4b4b4,
Te6edf3limitTff7b72: T79c0ff15Tb4b4b4,
Te6edf3total_countTff7b72: T79c0ff0Tb4b4b4,
Te6edf3total_pagesTff7b72: T79c0ff0Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3computedTff7b72: Tb4b4b4{
Te6edf3groupedArchivesTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3groups Tff7b72= Tb4b4b4{Tb4b4b4}Tb4b4b4;

Tff7b72for Tb4b4b4(Tff7b72const Te6edf3archive Tff7b72of Tff7b72thisTb4b4b4.Te6edf3archivesTb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3hash Tff7b72= Te6edf3archiveTb4b4b4.Te6edf3destination_hashTb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72!Te6edf3groupsTb4b4b4[Te6edf3hashTb4b4b4]Tb4b4b4) Tb4b4b4{
Te6edf3groupsTb4b4b4[Te6edf3hashTb4b4b4] Tff7b72= Tb4b4b4{
Te6edf3destination_hashTff7b72: Te6edf3hashTb4b4b4,
Te6edf3node_nameTff7b72: Te6edf3archiveTb4b4b4.Te6edf3node_nameTb4b4b4,
Te6edf3archivesTff7b72: Tb4b4b4[Tb4b4b4]Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4}
Te6edf3groupsTb4b4b4[Te6edf3hashTb4b4b4]Tb4b4b4.Te6edf3archivesTb4b4b4.Te6edf3pushTb4b4b4(Te6edf3archiveTb4b4b4)Tb4b4b4;
Tb4b4b4}

T8b949e// sort each group by date
Tff7b72const Te6edf3grouped Tff7b72= Tffa657ObjectTb4b4b4.Te6edf3valuesTb4b4b4(Te6edf3groupsTb4b4b4)Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3groupTb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{
Tb4b4b4...Te6edf3groupTb4b4b4,
Te6edf3archivesTff7b72: Te6edf3groupTb4b4b4.Te6edf3archivesTb4b4b4.Te6edf3sortTb4b4b4(Tb4b4b4(Te6edf3aTb4b4b4, Te6edf3bTb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3dateA Tff7b72= Tff7b72new Tffa657DateTb4b4b4(Te6edf3aTb4b4b4.Te6edf3created_atTb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3dateB Tff7b72= Tff7b72new Tffa657DateTb4b4b4(Te6edf3bTb4b4b4.Te6edf3created_atTb4b4b4)Tb4b4b4;
Tff7b72return Te6edf3dateB Tff7b72- Te6edf3dateATb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4;

T8b949e// sort groups by the date of their most recent archive
Tff7b72return Te6edf3groupedTb4b4b4.Te6edf3sortTb4b4b4(Tb4b4b4(Te6edf3aTb4b4b4, Te6edf3bTb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3dateA Tff7b72= Tff7b72new Tffa657DateTb4b4b4(Te6edf3aTb4b4b4.Te6edf3archivesTb4b4b4[T79c0ff0Tb4b4b4]Tb4b4b4.Te6edf3created_atTb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3dateB Tff7b72= Tff7b72new Tffa657DateTb4b4b4(Te6edf3bTb4b4b4.Te6edf3archivesTb4b4b4[T79c0ff0Tb4b4b4]Tb4b4b4.Te6edf3created_atTb4b4b4)Tb4b4b4;
Tff7b72return Te6edf3dateB Tff7b72- Te6edf3dateATb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3mountedTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3getArchivesTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3methodsTff7b72: Tb4b4b4{
Tff7b72async Te6edf3getArchivesTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3isLoading Tff7b72= Tff7b72trueTb4b4b4;
Tff7b72try Tb4b4b4{
Tff7b72const Te6edf3response Tff7b72= Tff7b72await Tffa657windowTb4b4b4.Te6edf3axiosTb4b4b4.Te6edf3getTb4b4b4(Ta5d6ff"/api/v1/nomadnet/archives"Tb4b4b4, Tb4b4b4{
Te6edf3paramsTff7b72: Tb4b4b4{
Te6edf3qTff7b72: Tff7b72thisTb4b4b4.Te6edf3searchQueryTb4b4b4,
Te6edf3pageTff7b72: Tff7b72thisTb4b4b4.Te6edf3paginationTb4b4b4.Te6edf3pageTb4b4b4,
Te6edf3limitTff7b72: Tff7b72thisTb4b4b4.Te6edf3paginationTb4b4b4.Te6edf3limitTb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3archives Tff7b72= Te6edf3responseTb4b4b4.Te6edf3dataTb4b4b4.Te6edf3archivesTb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3pagination Tff7b72= Te6edf3responseTb4b4b4.Te6edf3dataTb4b4b4.Te6edf3paginationTb4b4b4;
Tb4b4b4} Tff7b72catch Tb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{
Te6edf3consoleTb4b4b4.Te6edf3errorTb4b4b4(Ta5d6ff"Failed to load archives:"Tb4b4b4, Te6edf3eTb4b4b4)Tb4b4b4;
Tb4b4b4} Tff7b72finally Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3isLoading Tff7b72= Tff7b72falseTb4b4b4;
Tb4b4b4}
Tb4b4b4}Tb4b4b4,
Te6edf3onSearchInputTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3paginationTb4b4b4.Te6edf3page Tff7b72= T79c0ff1Tb4b4b4; T8b949e// reset to first page on search
Te6edf3clearTimeoutTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3searchTimeoutTb4b4b4)Tb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3searchTimeout Tff7b72= Te6edf3setTimeoutTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3getArchivesTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4, T79c0ff300Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tff7b72async Te6edf3changePageTb4b4b4(Te6edf3pageTb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3paginationTb4b4b4.Te6edf3page Tff7b72= Te6edf3pageTb4b4b4;
Tff7b72await Tff7b72thisTb4b4b4.Te6edf3getArchivesTb4b4b4(Tb4b4b4)Tb4b4b4;
T8b949e// scroll to top of content
Tff7b72const Te6edf3contentElement Tff7b72= Tffa657documentTb4b4b4.Te6edf3querySelectorTb4b4b4(Ta5d6ff".overflow-y-auto"Tb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Te6edf3contentElementTb4b4b4) Te6edf3contentElementTb4b4b4.Te6edf3scrollTop Tff7b72= T79c0ff0Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3viewArchiveTb4b4b4(Te6edf3archiveTb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3$routerTb4b4b4.Te6edf3pushTb4b4b4(Tb4b4b4{
Te6edf3nameTff7b72: Ta5d6ff"nomadnetwork"Tb4b4b4,
Te6edf3paramsTff7b72: Tb4b4b4{ Te6edf3destinationHashTff7b72: Te6edf3archiveTb4b4b4.Te6edf3destination_hash Tb4b4b4}Tb4b4b4,
Te6edf3queryTff7b72: Tb4b4b4{
Te6edf3pathTff7b72: Te6edf3archiveTb4b4b4.Te6edf3page_pathTb4b4b4,
Te6edf3archive_idTff7b72: Te6edf3archiveTb4b4b4.Te6edf3idTb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3formatDateTb4b4b4(Te6edf3dateStrTb4b4b4) Tb4b4b4{
Tff7b72return Te6edf3UtilsTb4b4b4.Te6edf3formatTimeAgoTb4b4b4(Te6edf3dateStrTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3renderPreviewTb4b4b4(Te6edf3archiveTb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72!Te6edf3archiveTb4b4b4.Te6edf3contentTb4b4b4) Tff7b72return Ta5d6ff""Tb4b4b4;

T8b949e// limit content for preview
Tff7b72const Te6edf3previewContent Tff7b72= Te6edf3archiveTb4b4b4.Te6edf3contentTb4b4b4.Te6edf3substringTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff500Tb4b4b4)Tb4b4b4;

T8b949e// convert micron to html if it looks like micron or ends with .mu
Tff7b72if Tb4b4b4(Te6edf3archiveTb4b4b4.Te6edf3page_pathTff7b72?Tb4b4b4.Te6edf3endsWithTb4b4b4(Ta5d6ff".mu"Tb4b4b4) Tff7b72|| Te6edf3archiveTb4b4b4.Te6edf3contentTb4b4b4.Te6edf3includesTb4b4b4(Ta5d6ff"`"Tb4b4b4)Tb4b4b4) Tb4b4b4{
Tff7b72try Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3muParserTb4b4b4.Te6edf3convertMicronToHtmlTb4b4b4(Te6edf3previewContentTb4b4b4)Tb4b4b4;
Tb4b4b4} Tff7b72catch Tb4b4b4{
Tff7b72return Te6edf3previewContentTb4b4b4;
Tb4b4b4}
Tb4b4b4}

Tff7b72return Te6edf3previewContentTb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>

Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>
Tb4b4b4.T56d364line-clamp-2 Tb4b4b4{
Tff7b72displayTb4b4b4: Tff7b72-webkit-Te6edf3boxTb4b4b4;
Tff7b72-webkit-Tff7b72line-clampTb4b4b4: T79c0ff2Tb4b4b4;
Tff7b72-webkit-Te6edf3box-orientTb4b4b4: Tff7b72verticalTb4b4b4;
Tff7b72overflowTb4b4b4: Tff7b72hiddenTb4b4b4;
Tb4b4b4}

Tb4b4b4.T56d364line-clamp-3 Tb4b4b4{
Tff7b72displayTb4b4b4: Tff7b72-webkit-Te6edf3boxTb4b4b4;
Tff7b72-webkit-Tff7b72line-clampTb4b4b4: T79c0ff3Tb4b4b4;
Tff7b72-webkit-Te6edf3box-orientTb4b4b4: Tff7b72verticalTb4b4b4;
Tff7b72overflowTb4b4b4: Tff7b72hiddenTb4b4b4;
Tb4b4b4}

Tb4b4b4.T56d364line-clamp-5 Tb4b4b4{
Tff7b72displayTb4b4b4: Tff7b72-webkit-Te6edf3boxTb4b4b4;
Tff7b72-webkit-Tff7b72line-clampTb4b4b4: T79c0ff5Tb4b4b4;
Tff7b72-webkit-Te6edf3box-orientTb4b4b4: Tff7b72verticalTb4b4b4;
Tff7b72overflowTb4b4b4: Tff7b72hiddenTb4b4b4;
Tb4b4b4}

Tb4b4b4.T56d364stacked-card Tb4b4b4{
Tff7b72box-shadowTb4b4b4:
T79c0ff0 T79c0ff1Tffa657px T79c0ff3Tffa657px T79c0ff0 Tffa657rgbaTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0.1Tb4b4b4)Tb4b4b4,
T79c0ff0 T79c0ff1Tffa657px T79c0ff2Tffa657px T79c0ff0 Tffa657rgbaTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0.06Tb4b4b4)Tb4b4b4;
Tb4b4b4}

Tb4b4b4.T56d364stacked-cardTb4b4b4:Tf0883ehover Tb4b4b4{
Tff7b72box-shadowTb4b4b4:
T79c0ff0 T79c0ff10Tffa657px T79c0ff25Tffa657px T79c0ff-5Tffa657px Tffa657rgbaTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0.1Tb4b4b4)Tb4b4b4,
T79c0ff0 T79c0ff8Tffa657px T79c0ff10Tffa657px T79c0ff-6Tffa657px Tffa657rgbaTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0.1Tb4b4b4)Tb4b4b4;
Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364stacked-card Tb4b4b4{
Tff7b72box-shadowTb4b4b4:
T79c0ff0 T79c0ff1Tffa657px T79c0ff3Tffa657px T79c0ff0 Tffa657rgbaTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0.3Tb4b4b4)Tb4b4b4,
T79c0ff0 T79c0ff1Tffa657px T79c0ff2Tffa657px T79c0ff0 Tffa657rgbaTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0.2Tb4b4b4)Tb4b4b4;
Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364stacked-cardTb4b4b4:Tf0883ehover Tb4b4b4{
Tff7b72box-shadowTb4b4b4:
T79c0ff0 T79c0ff10Tffa657px T79c0ff25Tffa657px T79c0ff-5Tffa657px Tffa657rgbaTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0.5Tb4b4b4)Tb4b4b4,
T79c0ff0 T79c0ff8Tffa657px T79c0ff10Tffa657px T79c0ff-6Tffa657px Tffa657rgbaTb4b4b4(T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0Tb4b4b4, T79c0ff0.4Tb4b4b4)Tb4b4b4;
Tb4b4b4}

Tb4b4b4.T56d364micron-preview Tb4b4b4{
Tff7b72font-familyTb4b4b4:
Te6edf3Roboto Te6edf3Mono Te6edf3Nerd Te6edf3FontTb4b4b4,
Tff7b72monospaceTb4b4b4;
Tff7b72white-spaceTb4b4b4: Tff7b72pre-wrapTb4b4b4;
Tff7b72word-breakTb4b4b4: Tff7b72break-wordTb4b4b4;
Tb4b4b4}

Tb4b4b4:Tf0883edeepTff7b72(Tb4b4b4.T56d364micron-previewTff7b72) Tff7b72a Tb4b4b4{
Tff7b72pointer-eventsTb4b4b4: Tff7b72noneTb4b4b4;
Tb4b4b4}

Tb4b4b4:Tf0883edeepTff7b72(Tb4b4b4.T56d364micron-previewTff7b72) Tff7b72p Tb4b4b4{
Tff7b72marginTb4b4b4: T79c0ff0.25Tffa657rem T79c0ff0Tb4b4b4;
Tb4b4b4}

Tb4b4b4:Tf0883edeepTff7b72(Tb4b4b4.T56d364micron-previewTff7b72) Tff7b72h1Tff7b72,
Tb4b4b4:Tf0883edeepTff7b72(Tb4b4b4.T56d364micron-previewTff7b72) Tff7b72h2Tff7b72,
Tb4b4b4:Tf0883edeepTff7b72(Tb4b4b4.T56d364micron-previewTff7b72) Tff7b72h3Tff7b72,
Tb4b4b4:Tf0883edeepTff7b72(Tb4b4b4.T56d364micron-previewTff7b72) Tff7b72h4 Tb4b4b4{
Tff7b72marginTb4b4b4: T79c0ff0.5Tffa657rem T79c0ff0 T79c0ff0.25Tffa657rem T79c0ff0Tb4b4b4;
Tff7b72font-weightTb4b4b4: T79c0ff600Tb4b4b4;
Tb4b4b4}
Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────